/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: Marc Bruins
   ========================================================================== 

@font-face {
    font-family: Vegur-R;
    src: url(../fonts/Vegur-R.otf);
    font-weight:400;
}
@font-face {
    font-family: Vegur-B;
    src: url(../fonts/Vegur-B.otf);
    font-weight:400;
}
*/
h1{margin:0;}

body{background-color:#e4e4e4;  font-family: Vegur-R, Helvetica, Arial, sans-serif;}

#headerwrap{background-color:#FFF; width:100%; height:165px; }
#headertop{margin:0 auto; width:1000px; height:70%;}

.logo{padding:1% 1% 1% 0;}
.headerlinks{margin-top:-80px;}
.headermenu{float:right;  font-size:16px; }
.headermenu li:first-child{margin-right:0px;}
.headermenu li{float:right; margin-right:40px; list-style:none;   }

#menu{background-color:#2a2a2a; height:30%;}

.menuitems{margin:0 auto; width:1000px; color:#fff; letter-spacing:0px; font-size:16px; text-transform:uppercase; font-family: Vegur-B, Helvetica, Arial, sans-serif;} 
.menuitems li:first-child{margin-left:0px; }
.menuitems li{float:left; margin-left:25px; padding-top:1.2%; list-style:none;}
/*.menuitems li:hover{background-color:#767373; height:39px; cursor:pointer;
  -moz-box-shadow:    0px 2px 5px 1px #000;
  -webkit-box-shadow: 0px 2px 5px 1px #000;
  box-shadow:         0px 2px 5px 1px #000;
   }*/
.totalResults{float: left;padding: 10px;color: white;}
.menuitems li a{color:#FFF; text-decoration:none;}
.twitter-count-horizontal{float:right; padding: 13px; margin-right: -24px;}
.popSteden{float:left;} 
.aanbieding{ height:37px; padding-right:10px; padding-left:10px; }
.aanbieding:hover{background-image:url('../images/menu-bg.gif'); height:37px; padding-right:10px; padding-left:10px; }
.bookingFlightbutton{}


.populaireLink:hover{background-image:url('../images/menu-bg.gif'); height:37px; margin-top:-12px; margin-right:-8px; padding-top:12px; width: 210px; margin-left:-8px;  text-align:center;}
.homeLink:hover{background-image:url('../images/menu-bg.gif'); height:37px; margin-top:-12px; padding-top:12px; width: 82px;  margin-left:-20px; margin-right:-19px; text-align:center;}

#main{background-color:#FFF; width:1000px; height:710px; margin: 0 auto;}

#backgroundaanbieding{padding-top:10px;   position: relative; }

.backgroundimages{margin-left: -30px;}
.backgroundimages li{list-style:none;}
.imagesslider li img{}
.image-disabled{display:none;}

#wrapper{padding:30px; position: absolute;top: 180px; bottom:180px; width:1000px; margin:0 auto;}
#searchbox{height:450px; width:305px; background-color:#FFF; float:left; border-left: #F60 1px solid; border-right: #F60 1px solid; border-bottom: #F60 1px solid; }
#footer{margin: 0 auto; height:100px; width:1000px;}



.searchTicket{background-color:#ff6600; color:#FFF; height:55px; width:auto;}

.chooseTicket{
    background: #e6e5e6; /* Old browsers */
    background: -moz-linear-gradient(top, #e6e5e6 0%, #f8f8f9 50%, #f8f8f9 50%, #f8f8f9 100%, #f8f8f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e5e6), color-stop(50%,#f8f8f9), color-stop(50%,#f8f8f9), color-stop(100%,#f8f8f9), color-stop(100%,#f8f8f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e6e5e6 0%,#f8f8f9 50%,#f8f8f9 50%,#f8f8f9 100%,#f8f8f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e6e5e6 0%,#f8f8f9 50%,#f8f8f9 50%,#f8f8f9 100%,#f8f8f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e6e5e6 0%,#f8f8f9 50%,#f8f8f9 50%,#f8f8f9 100%,#f8f8f9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e6e5e6 0%,#f8f8f9 50%,#f8f8f9 50%,#f8f8f9 100%,#f8f8f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e5e6', endColorstr='#f8f8f9',GradientType=0 ); /* IE6-9 */
    height:54px;
    width:auto; 
    border-bottom:#e9e9e9 1px solid;
}
.chooseretour{background-color:#FFF;  padding:5px; text-align: center; width:113px; height:27px; float:left; margin:17px 0 0 20px; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; cursor:pointer;}
.chooseoneway{background-color:#f6f6f6; padding:5px; text-align: center; color:#bdbdbd; width:113px; height:27px; float:left; margin:17px 0 0 15px; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; cursor:pointer; }
.typeOfticket{margin-top:10px; font-family: Vegur-B, Helvetica, Arial, sans-serif; }
.typeOfticket2{margin-top:10px; }
.enabled{ background-color:#FFF; color:#000;}
.disabled{background-color:#f6f6f6; color:#bdbdbd;}

.shadow{
	-moz-box-shadow: 3px 3px 4px #d8d8d8;
	-webkit-box-shadow: 3px 3px 4px #d8d8d8;
	box-shadow: 4px 3px 14px #d8d8d8;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d8')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d8');


}
.clear{clear:both;}
/* ==|== Searchbox elements ======================================================
   Styling the searchbox form
   ========================================================================== */
::-webkit-input-placeholder {
   color:#565656;
}

:-moz-placeholder {  
  color:#565656;
}
.searchUrTicket{font-size: 24px; letter-spacing:0px;  word-spacing:6px; padding-top: 10px; padding-left:18px;  font-family:  Vegur-B, Helvetica, Arial, sans-serif;}
.formElements{text-align:left; width:267px; margin:17px 15px 0 -5px;}
.city{font-size:15px; height:28px; width:96%; background: url(../images/input-search.gif) no-repeat scroll 98% 6px; padding-right:-150px; padding-left:3%}
.toCity{margin-top:3%;}
.deptCity{font-family: Vegur-B, Helvetica, Arial, sans-serif; }
.arrCity{font-family: Vegur-B, Helvetica, Arial, sans-serif; font-size:15px;}
.passengers{font-size:13px;  font-family: Vegur-B, Helvetica, Arial, sans-serif;}
.deptDate{width:44%; float:left; margin-top:3%;}
.retDate{width:44%; float:left; margin-left:10%; margin-top:3%;}
.dateinput{	font-size:15px; height:28px; width:100%; background: url(../images/input-date.gif) no-repeat scroll 95% 50%; padding-right:-150px; padding-left:3%;}
.dateinputoneway{font-size:15px; height:28px; width:100%; background: url(../images/input-date.gif) no-repeat scroll 98% 50%; padding-right:-150px; padding-left:3%;}
.dateinputretour{font-size:15px; height:28px; width:100%; background: url(../images/input-date.gif) no-repeat scroll 98% 50%; padding-right:-150px; padding-left:3%;}
.adults{width:28%; float:left; margin-top:3%;  font-size:14px;}
.children{width:28%;float :left; margin-left:8%; margin-top:3%;   font-size:14px;}
.infants{width:28%; float:left;  margin-left:8%; margin-top:3%;  font-size:14px;}
.personinput{font-size:15px; height:28px; width:100%; }
.onewayDate{margin-top:3%; width:96%;}
.addNewCity{color:#989898; font-size:11px;}
.submitButton {width:60%;margin-left:20%;margin-top:3%;}



.submitFormButton {	margin:4% 0 0 20%;

font-weight: bold;
 behavior: url(/css/border-radius.htc);
background-color:#F60;

	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ff9500 0%,
		#ff6600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff9500),
		to(#ff6600));
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 5px solid #F6F6F6;
	-moz-box-shadow:
		0px 1px 3px rgba(0,0,0,0.1),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(0,0,0,0.1),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(0,0,0,0.1),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(0,0,0,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}
/* ==|== Searchbox elements ======================================================
   Styling the europa form
   ========================================================================== */
#europaDeals{width:275px; float:left; height:435px;background-color:#FFF; position:relative; margin: 198px 0 0 40px;}
.boxHeader{height:35px; background-color:#2e3c48; width:275px; margin:11px 0 0 0; }
.boxHeaderText{color:#fff; font-size:22px; padding-left:5%; padding-top:0.6%; font-family: Vegur-B, Helvetica, Arial, sans-serif;}
.currentDeals{width:250px; height:auto; padding-left:5%; margin-top:8px;}
.deal{width:230px; height:38px; color:#606b74; padding-left:5%;}
.odd{background-color:#f8f8f8;}
.dealCity{padding:3%;  float:left;}
.dealPrice{padding:3%; float:right; color:#000; font-family: arial;}

/* ==|== Searchbox elements ======================================================
   Styling the displayDeal
   ========================================================================== */

a.showAllEuropaDeals {color:#595959; margin-right:15px; margin-top:28px; font-size:15px; float:right; text-decoration:underline; font-family: arial;}

#displayDeal{width:275px; height:435px;background-color:#FFF; margin: 198px 0 0 40px; float:left; }
.dealPricing{width:113px; height:59px; background-color:#FFF; float:right; margin-top:280px; opacity:0.9}
.overlapBig{margin-top:-435px; position:relative;}
.dealVA{padding-left:25%;}
.thisDealPrice{padding-left:28%; font-size:24px; font-family: Vegur-B, Helvetica, Arial, sans-serif;}
.discoverDeal{background-color:#FFF; width:auto; height:25px; margin-top:339px; opacity:0.9}
a.discoverThisDeal{color:#474747; float:right;}


/* ==|== Searchbox elements ======================================================
   Styling the whatIs
   ========================================================================== */
#whatIs{width:310px; height:150px; float:left; margin:100px 0 0 30px; background-color:#FFF;}
.whatIsText{padding:0px 10px 10px 10px; font-size:11px; font-family:arial; color:#949ba0; padding-left: 20px;}
.whatIsTitle{padding:10px; font-size:15px;  padding-left: 20px;color:#000;  font-family: Arial, Helvetica, Arial, sans-serif; font-weight:bold;}
/* ==|== Searchbox elements ======================================================
   Styling the footer
   ========================================================================== */
#bottom{background-color:#f8f8f8; height:400px; width:1000px; margin: 0 auto; }
#bottomwrapper{padding-left:50px;}
#why{padding:50px 0 14px 0; float:left; }
.whyVlieg{font-size:15px; color:#000;   font-weight:bold; font-family: Arial, Helvetica, Arial, sans-serif; margin-bottom:15px;}
.advantages{margin-top:5px;}
.checked{padding-top:0; float:left; background-image:url("../images/check.png"); background-repeat:no-repeat; width:21px; height:20px;}
.checkedText{font-size:12px; font-family:arial; padding:7px 0 0 5px;float:left; }
.smalldealPricing{width:270px;}
.smallDeal{float:left; margin:20px 0 0 40px;}
.smalldealVA{background-color:#FFF; font-size:24px; margin-right:-2px; width:102px; padding-left:22px; padding-top:15px; width:80px;  opacity:0.9; height:40px; position:relative; margin-top:80px; float:right; font-family: Vegur-B, Helvetica, Arial, sans-serif;}
.smallDealPrice{background-color:#FFF; width:100%; height:25px; position:relative; float:right; opacity:0.9}
a.discoverThisDeal2{color:#474747; float:right; margin-right:-2px;}
.smallOverlap{margin-top:-172px;}
.smallLogo{margin-top:10px; float:left; width:53px; height:48px; background-image: url("../images/smallLogo.png");
background-repeat: no-repeat;}
.smallLogoHead{padding-left:32px; font-family: Vegur-B, Helvetica, Arial, sans-serif; font-size: 20px;color: black;}
.smallLogoFoot{padding-left: 50px; margin-top:-8px; font-family: TitilliumText, Helvetica, Arial, sans-serif;font-size: 20px;color: #F26822;}
.footerMenu{float:right; font-size: 13px; font-family: Vegur-R, Helvetica, Arial, sans-serif; } 
.footerMenu ul{ list-style:none;}
.footerMenu li{float:left; margin-right:5px;list-style:none; text-transform:uppercase;}
.smallDealPrice2{background-color:#FFF; width:100%; height:25px; margin-right:-2px; position:relative; float:right; opacity:0.9 } 
#rate{width:310px; height:150px; float:left; margin:50px 0 0 30px; background-color: white;}
#info{width:590px; height:150px; float:left; margin:50px 0 0 40px; background-color: white;}
#logo{height: 100px;
width: auto; padding-top: 15px;}
.vliegticketsLogo{ padding:10px 0  0 52px; font-family: Vegur-B, Helvetica, Arial, sans-serif; font-size:30px; color:#000; margin-top: -110px;}
.vliegticketsLogo2{  margin:-12px 0 0 85px; font-family: TitilliumText, Helvetica, Arial, sans-serif; font-size:30px; color:#f26822;}
.logo{ background-image: url("../images/logo.png");
background-repeat: no-repeat;
padding-top: 40px;
width: 68px;
height: 48px;}
.miniLogo{margin-top:-75px; background-image: url("../images/logo.png"); width:94px; height:96px; background-repeat:no-repeat;}
#bginfo{float: right;margin-right: 320px; margin-bottom:-140px;}
.bgCity{ font-family:Palatino Linotype; font-size:40px; color:#FFF; text-align:right; height:auto; font-weight:900; }
.bgText{text-align:left; font-size:24px; color:#FFF;margin-top:-10px; height:auto;}
.bgPrice{text-align:right; color:#F60; margin-top:-7px; font-size:24px; height:auto;}
.price{font-size:30px;}
.shopping{width:272px; height:173px; background-image: url("../images/shopping.jpg"); background-repeat:no-repeat;}
.uitwaaien{width:272px; height:173px; background-image: url("../images/uitwaaien.jpg"); background-repeat:no-repeat;}





.logo {
  background-image: url(http://94.212.55.57/vlieg/images/logo.png);
  background-image: url(../images/sprite.png);
  background-position: -10px -10px;
}

.miniLogo {
  background-image: url(http://94.212.55.57/vlieg/images/logo.png);
  background-image: url(../images/sprite.png);
  background-position: -10px -10px;
}
.checked {
  background-image: url(http://94.212.55.57/vlieg/images/check.png);
  background-image: url(../images/sprite.png);
  background-position: -10px -118px;
}
.smallLogo {
  background-image: url(http://94.212.55.57/vlieg/images/smallLogo.png);
  background-image: url(../images/sprite.png);
  background-position: -10px -158px;
}
.city {
  background-image: url(http://94.212.55.57/vlieg/images/input-search.gif);
  background-image: url(../images/sprite.png);
  background-position: 235px -220px;
}

.dateinput {
  background-image: url(http://94.212.55.57/vlieg/images/input-date.gif);
  background-image: url(../images/sprite.png);
  background-position: 88.80000305175781px -257.5px;
}

.dateinputoneway {
  background-image: url(http://94.212.55.57/vlieg/images/input-date.gif);
  background-image: url(../images/sprite.png);
  background-position: 88.80000305175781px -257.5px;
}
.dateinputretour {
  background-image: url(http://94.212.55.57/vlieg/images/input-date.gif);
  background-image: url(../images/sprite.png);
  background-position: 230.80000305175781px -257.5px;
}
/* ==|== autocomplete  ======================================================
 Styling autocomplete
   ========================================================================== */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen 
and (max-width : 480px) {
  /* Style adjustments for viewports that meet the condition  
  body{background-color:#e4e4e4; width:1000px; height:165px;  }*/
  #headerwrap{background-color:#FFF; width:1000px; height:165px; }
  #why {
	padding: 50px 0 15px 0;
	float: left;
	margin-right: 80px;
	}
	.headermenu li:first-child {
	margin-right: 10px;
	}
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
